
<!DOCTYPE html>
<!--
  #%L
  This file is part of "Apromore Community".
  %%
  Copyright (C) 2018 - 2020 The University of Melbourne.
  %%
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Lesser General Public License as
  published by the Free Software Foundation, either version 3 of the
  License, or (at your option) any later version.
  
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Lesser Public License for more details.
  
  You should have received a copy of the GNU General Lesser Public
  License along with this program.  If not, see
  <http://www.gnu.org/licenses/lgpl-3.0.html>.
  #L%
  -->


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" >

<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

<head>

	<!-- <base href="http://bimp.cs.ut.ee/simulator" /> -->
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="BPMN 2.0 Visio 2013 VSDX Business Process Simulator Online Lightning Fast" />
	<meta name="rights" content="Academic use only" />
	<meta name="description" content="BIMP - online lightning fast business process simulator for BP models in BPMN 2,0 or VSDX (Mircosoft Visio 2013 BPMN) standard" />
	<meta name="generator" content="Joomla! - Open Source Content Management" />
	<title>Simulator</title>
	<link href="http://bimp.cs.ut.ee/templates/favourite/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
	<link href="http://bimp.cs.ut.ee/components/com_qbp/css/jquery-ui-1.10.2.custom.min.css" rel="stylesheet" type="text/css" />
	<link href="http://bimp.cs.ut.ee/components/com_qbp/css/style.css" rel="stylesheet" type="text/css" />
	<link href="http://bimp.cs.ut.ee/templates/favourite/css/bootstrap/bootstrap.css" rel="stylesheet" type="text/css" />
	<link href="http://bimp.cs.ut.ee/templates/favourite/css/bootstrap/font-awesome.css" rel="stylesheet" type="text/css" />
	<link href="http://bimp.cs.ut.ee/templates/favourite/css/joomla.css" rel="stylesheet" type="text/css" />
	<link href="http://bimp.cs.ut.ee/templates/favourite/css/template.css" rel="stylesheet" type="text/css" />
	<link href="http://bimp.cs.ut.ee/templates/favourite/css/k2style.css" rel="stylesheet" type="text/css" />
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/jquery-1.9.1.min.js" type="text/javascript"></script>
	<script src="https://www.google.com/jsapi" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/jquery-ui-1.10.2.custom.min.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/jquery.base64.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/x2js/xml2json.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/filesaver/FileSaver.min.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/xregexp-min.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/jszip/jszip.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/jszip/jszip-inflate.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/jszip/jszip-deflate.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/jszip/jszip-load.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/bimp.file.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/bimp.visio.js" type="text/javascript"></script>
	<!-- <script src="http://bimp.cs.ut.ee/components/com_qbp/js/bimp.requests.js" type="text/javascript"></script> -->
	<script src="bimp.requests.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/bimp.parse.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/bimp.forms.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/bimp.charts.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/bimp.testutil.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/bimp.results.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/components/com_qbp/js/validate.js" type="text/javascript"></script>
	<!-- <script src="http://bimp.cs.ut.ee/components/com_qbp/js/javascript.js" type="text/javascript"></script> -->
	<script src="javascript.js" type="text/javascript"></script>
	<!-- <script src="http://bimp.cs.ut.ee/components/com_qbp/js/conf.js" type="text/javascript"></script> -->
	<script src="conf.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/media/jui/js/jquery.min.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>
	<script src="http://bimp.cs.ut.ee/media/jui/js/bootstrap.min.js" type="text/javascript"></script>


	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<!-- Styles -->
	<link rel="stylesheet" href="http://bimp.cs.ut.ee/templates/favourite/css/styles/style3.css" type="text/css" />
	
	<!-- Google Font -->
	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />
	<link href='http://fonts.googleapis.com/css?family=Frijole' rel='stylesheet' type='text/css' />

	

<style type="text/css">


/* Template Style
---------------------------------------------------------------------- */

	.row-fluid { 
		max-width: 978px; 
	}
	body { 
		background-color: #FFFFFF; 
	}
	body { 
		background-repeat: repeat;
	}

	h1, h2, h3,
	.componentheading,
	dl.article-info,
	dt.article-info-term,
	.pagination ul li a,
	.pagination p.counter.pull-right,
	.categories-list h4.item-title,
	div.contact fieldset legend,
	div.blog-featured fieldset legend,
	div.search fieldset legend,
	.cat-children h3.page-header,
	.lead,
	#k2FrontendEditToolbar h2,
	div.catItemHeader h3.catItemTitle,
	span.catItemHits,
	div.catItemCategory,
	div.catItemTagsBlock,
	div.catItemCommentsLink,
	div.itemHeader h2.itemTitle,
	div.itemToolbar ul li span.itemTextResizerTitle,
	div.itemToolbar ul li a.itemCommentsLink,
	div.itemToolbar ul li a.itemPrintLink span,
	div.itemToolbar ul li a.itemEmailLink span,
	div.itemRatingBlock span,
	div.itemRatingLog,
	span.itemHits,
	div.itemCategory,
	div.itemTagsBlock,
	div.itemRelCat,
	div.itemRelAuthor,
	div.itemNavigation a.itemNext,
	div.itemCommentsForm form label.formComment,
	div.itemCommentsForm form label.formName,
	div.itemCommentsForm form label.formEmail,
	div.itemCommentsForm form label.formUrl,
	div.tagItemHeader h2.tagItemTitle,
	div.tagItemCategory,
	div.userItemHeader h3.userItemTitle,
	div.userItemCategory,
	div.userItemTagsBlock,
	div.userItemCommentsLink,
	div.latestItemHeader h2.latestItemTitle,
	div.latestItemCategory,
	div.genericItemCategory span,
	div.genericItemCategory a,
	div.genericItemHeader h2.genericItemTitle,
	div.genericItemReadMore,
	div.k2ItemsBlock ul li a.moduleItemTitle,
	div.k2ItemsBlock ul li span.moduleItemDateCreated,
	div.k2ItemsBlock ul li a.moduleItemCategory,
	div.k2ItemsBlock ul li div.moduleItemTags,
	div.k2ItemsBlock ul li a.moduleItemComments,
	div.k2ItemsBlock ul li span.moduleItemHits,
	div.k2LatestCommentsBlock ul li span.lcUsername,
	div.k2LatestCommentsBlock ul li span.lcCommentDate,
	div.k2LatestCommentsBlock ul li span.lcItemTitle,
	div.k2LatestCommentsBlock ul li span.lcItemCategory,
	div.itemComments ul.itemCommentsList li span.commentDate,
	div.itemComments ul.itemCommentsList li span.commentAuthorName,
	div.k2UserBlock div.k2UserBlockDetails span.ubName,
	div.k2UsersBlock ul li a.ubUserName,
	.k2AccountPage th.k2ProfileHeading,
	#k2Container span.catItemAddLink a.modal,
	#k2Container span.userItemAddLink a.modal {
		font-family: 'PT Sans Narrow', sans-serif;
		font-weight: 400;
	}
	h4, h5, h6,
	div.profile legend,
	.hello,
	div.k2ItemsBlock ul li div.moduleItemTags b,
	span.itemNavigationTitle {
		font-family: 'PT Sans Narrow', sans-serif;
		font-weight: 700;
	}
	p { 
		font-size: 14px; 
	}
	p { 
		line-height: 21px; 
	}
	#fav-advertwrap { 
		background-repeat: repeat;
	}
	#fav-slidewrap { 
		background-repeat: repeat;
	}
	#fav-introwrap { 
		background-repeat: repeat;
	}
	#fav-showcasewrap { 
		background-repeat: repeat;
	}
	#fav-promowrap { 
		background-repeat: repeat;
	}
	#fav-topwrap { 
		background-repeat: repeat;
	}
	#fav-maintopwrap { 
		background-repeat: repeat;
	}
	#fav-mainbottomwrap { 
		background-repeat: repeat;
	}
	#fav-bottomwrap { 
		background-repeat: repeat;
	}
	#fav-userwrap { 
		background-repeat: repeat;
	}
	#fav-footerwrap { 
		background-repeat: repeat;
	}
	#fav-copyrightwrap { 
		background-repeat: repeat;
	}
	#fav-copyright p { 
		color: #000000 ; 
	}
	#fav-debugwrap { 
		background-repeat: repeat;
	}

	#fav-showcopyright p {
		color: 000000;
	}
	#fav-showcopyright p {
		font-size: 14px;
	}
	#fav-showcopyright p {
		line-height: 21px;
	}
	#fav-showcopyright p {
		padding: 12px 0 6px;
	}
	#fav-showcopyright p {
		margin: 14px 0px;
	}

/* Logo
---------------------------------------------------------------------- */

	#fav-logo {
		height: 56px ;
	}
	.defaultLogo {
		padding: 0px; 
	}
	.defaultLogo {
		margin: 0px; 
	}
	.mediaLogo {
		padding: 0px;
	}
	.mediaLogo { 
		margin: 0px;
	}
	.textLogo {
		color: #1A829C ;
	}
	.textLogo {
		font-size: 60px ;
	}

	.textLogo {
		font-family: 'Frijole', sans-serif;
		font-weight: 400;
	}

	.textLogo {
		line-height: 40px ;
	}
	.textLogo {
		padding: 10px 0;
	}
	.textLogo {
		margin: 10px 0;
	}
	.slogan {
		color: #B3B3B3 ;
	}
	.slogan {
		font-size: 14px ;
	}
	.slogan {
		font-family: 'Helvetica Neue', Helvetica, sans-serif ;
	}
	.slogan {
		line-height: 21px ;
	}
	.slogan {
		padding: 0px; 
	}
	.slogan {
		margin: 0px; 
	}


/* Module Variations
---------------------------------------------------------------------- */



/* Mobile
---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 767px) {

								#fav-main img, 
		.moduletable .custom img,
		div[class^="moduletable-"] div[class^="custom-"] img,
		div[class*=" moduletable-"] div[class*=" custom-"] img,
		.img-left, 
		.img-right { 
			display: block ; 
		}
				#fav-advertwrap { 
			display: block ; 
		}
				#fav-intro1 { 
			display: block ; 
		}
				#fav-intro2 { 
			display: block ; 
		}
				#fav-intro3 { 
			display: block ; 
		}
				#fav-intro4 { 
			display: block ; 
		}
				#fav-slide1 { 
			display: block ; 
		}
				#fav-slide2 { 
			display: block ; 
		}
				#fav-showcase1 { 
			display: block ; 
		}
				#fav-showcase2 { 
			display: block ; 
		}
				#fav-showcase3 { 
			display: block ; 
		}
				#fav-showcase4 { 
			display: block ; 
		}
				#fav-promo1 { 
			display: block ; 
		}
				#fav-promo2 { 
			display: block ; 
		}
				#fav-promo3 { 
			display: block ; 
		}
				#fav-top1 { 
			display: block ; 
		}
				#fav-top2 { 
			display: block ; 
		}
				#fav-top3 { 
			display: block ; 
		}
				#fav-top4 { 
			display: block ; 
		}
				#fav-maintop1 { 
			display: block ; 
		}
				#fav-maintop2 { 
			display: block ; 
		}
				#fav-maintop3 { 
			display: block ; 
		}
				#fav-sidebar1 { 
			display: block ; 
		}
				#fav-sidebar2 { 
			display: block ; 
		}
				#fav-mainbottom1 { 
			display: block ; 
		}
				#fav-mainbottom2 { 
			display: block ; 
		}
				#fav-mainbottom3 { 
			display: block ; 
		}
				#fav-bottom1 { 
			display: block ; 
		}
				#fav-bottom2 { 
			display: block ; 
		}
				#fav-bottom3 { 
			display: block ; 
		}
				#fav-bottom4 { 
			display: block ; 
		}
				#fav-user1 { 
			display: block ; 
		}
				#fav-user2 { 
			display: block ; 
		}
				#fav-user3 { 
			display: block ; 
		}
				#fav-footer1 { 
			display: block ; 
		}
				#fav-footer2 { 
			display: block ; 
		}
				#fav-footer3 { 
			display: block ; 
		}
				#fav-footer4 { 
			display: block ; 
		}
				#fav-copyright1 { 
			display: block ; 
		}
				#fav-copyright2 { 
			display: block ; 
		}
				#fav-debug { 
			display: block ; 
		}
	
}


</style>		
	<script type="text/javascript">  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-42808658-1', 'cloudapp.net');
  ga('send', 'pageview');</script>
	<!--[if IE 7]>
  		<link rel="stylesheet" href="http://bimp.cs.ut.ee/templates/favourite/css/bootstrap/font-awesome-ie7.min.css">
	<![endif]-->

</head>

<body>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<a name="bktop"></a>


<div class="container-fluid">
	<div class="row-fluid">	
		<div id="fav-navbar" class="clearfix">
			<div class="navbar navbar-inverse">
			  	<div class="navbar-inner">
			      	<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>    
			      	</a>
			      	<div class="nav-collapse collapse">
			      							     	<div id="fav-navbar-collapse" class="span12">
					     		<div class="moduletable_menu" ><ul class="nav menu">
<li class="item-101 default"><a href="http://bimp.cs.ut.ee/" >Home</a></li><li class="item-103 current active"><a href="http://bimp.cs.ut.ee/simulator" >Simulator</a></li><li class="item-105"><a href="http://bimp.cs.ut.ee/products-and-services" >Products</a></li><li class="item-104"><a href="http://bimp.cs.ut.ee/help" >Help</a></li><li class="item-106"><a href="http://bimp.cs.ut.ee/contact" >Contact</a></li></ul>
</div>
					     	</div>
						 
			      	</div>	 		 
			    </div>
			</div>
		</div>
	</div>
</div>

<div class="container-fluid" id="fav-headerwrap">
	<div class="row-fluid">

		<div id="fav-header" class="span12">

			<div id="fav-logo" class="span3">
																	<h1>			
						<a class="textLogo" href="http://bimp.cs.ut.ee/">BIMP</a>
					</h1>
											</div>

								     <div id="fav-nav" class="span9">
				     	<div class="navigation">
				     		<div class="moduletable_menu" ><ul class="nav menu">
<li class="item-101 default"><a href="http://bimp.cs.ut.ee/" >Home</a></li><li class="item-103 current active"><a href="http://bimp.cs.ut.ee/simulator" >Simulator</a></li><li class="item-105"><a href="http://bimp.cs.ut.ee/products-and-services" >Products</a></li><li class="item-104"><a href="http://bimp.cs.ut.ee/help" >Help</a></li><li class="item-106"><a href="http://bimp.cs.ut.ee/contact" >Contact</a></li></ul>
</div>
				     	</div>
				     </div>
				
		</div>

	</div>
</div>








<div class="container-fluid" id="fav-messagewrap">
	<div class="row-fluid">
		<div id="message" class="span12">
			<div id="system-message-container">
	</div>

		</div>
	</div>
</div>

<div class="container-fluid" id="fav-mainwrap">
	<div class="row-fluid">

		<div id="fav-main" class="clearfix">
				
							<div id="fav-maincontent" class="span12">
					  <h2 class="module-title">Online Simulator</h2>
  <div id="main">
      <div id="uploadPage" class="contents">      <div class="qbp-toppositions" id="top-model-area">

          <div id="instructions" class="moduletable">
            <h3>Here are some instructions</h3>
            <br/>
            <ol>
              <li>Please select a valid BPMN or Microsoft Visio 2013 BPMN (vsdx, beta support) file.</li>
              <li>Press <b class="blue">"Continue"</b> in order to add/change simulation information.</li>
              <li>Tick the <b class="blue">"Generate a log"</b> box if you want to be able to download simulation MXML log afterwards.</li>
              <li>Click <b class="blue">"Start simulation"</b>.</li>
              <li>Be amazed and wonder how such magic came to be.</li>
            </ol>
            <p>You can find a sample process model to try out <a href="http://fundamentals-of-bpm.org/wp-content/uploads/2013/11/ch7_CreditAppSimulation.bpmn_.zip">here</a>. Just unzip and upload the BPMN model!</p>
          </div>
          <div id="upload-area">
            <h3>Upload your .BPMN or .VSDX file</h3>
            <br/>
            <form id="upload" modelAttribute="uploadItem">
                <fieldset>
                  <input type="hidden" id="MAX_FILE_SIZE" name="MAX_FILE_SIZE" value="300000" />
                  <div>
                    <label for="file-select">Select the file:</label>
                    <input type="file" id="file-select" name="fileData" />
                    <div id="file-drag">or drop it here</div>
                  </div>
                  <span id="fileName" class="smallFont">No file selected.</span>
                </fieldset>
            </form>
            <button class="button" id="continue-button" disabled="disabled">Continue</button>
          </div>
        </div>
            <div id="data-input" class="gill-font">
                <!-- End of Histogram table template, set invisible in CSS -->
                <div class="histogram-data-div-template">
                    <table class="histogram-data-table">
                        <tbody>
                            <tr>
                               <td><a class="trigger addHx" href="javascript:void(0)" title="Add new line">Add</a></td>
                               <td/>
                               <td><a class="trigger closeHx" href="javascript:void(0)" title="Close histogram table">X</a></td>
                            </tr>
                            <tr>
                                <td><span class="col-title">Probability (0-100)</span></td>
                                <td><span class="col-title">Disribution</span></td>
                                <td/>
                            </tr>
                            <tr class="histogram-data-row">
                                <td>
                                    <div>
                                        <input class="_probability" type="text" value="100" maxlength="5" />
                                    </div>
                                </td>
                                <td>
                                    <select class="_type" name="_type">
                                        <option value="FIXED">Fixed</option>
                                        <option value="NORMAL">Normal</option>
                                        <option value="EXPONENTIAL">Exponential</option>
                                        <option value="UNIFORM">Uniform</option>
                                        <option value="TRIANGULAR">Triangular</option>
                                        <option value="LOGNORMAL">Log-Normal</option>
                                        <option value="GAMMA">Gamma</option>
                                    </select>
                                    <div> to: <input class="small FIXED _mean" name="_mean" type="text"></div>
                                    <div> Mean: <input class="small NORMAL _mean" name="_mean" type="text"></div>
                                    <div> Mean: <input class="small EXPONENTIAL _arg1" name="_arg1" type="text"></div>
                                    <div> Standard deviation: <input class="small NORMAL _arg1" name="_arg1" type="text"></div>
                                    <div> between <input class="small UNIFORM _arg1" name="_arg1" type="text"></div>
                                    <div> and <input class="small UNIFORM _arg2" name="_arg2" type="text"></div>
                                    <div> Mean: <input class="small LOGNORMAL GAMMA _mean" name="_mean" type="text"></div>
                                    <div> Variance: <input class="small LOGNORMAL GAMMA _arg1" name="_arg1" type="text"></div>
                                    <div> Minimum (a): <input class="small TRIANGULAR _arg1" name="_arg1" type="text"></div>
                                    <div> Maximum (b): <input class="small TRIANGULAR _arg2" name="_arg2" type="text"></div>
                                    <div> Mode (c): <input class="small TRIANGULAR _mean" name="_mean" type="text"></div>
                                    <select class="timeUnit">
                                        <option value="seconds">Seconds</option>
                                        <option value="minutes">Minutes</option>
                                        <option value="hours">Hours</option>
                                        <option value="days">Days</option>
                                    </select>
                                </td>
                                <td><a class="trigger remove" href="javascript:void(0)" title="Remove line" style="display: none;">X</a></td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="col-title histogram-error-span"></div>
                </div>
                <!-- End of Histogram table template -->
                <button id="uploadNewFile" class="button" title="Discard the current model and start editing a new one">Upload a new model</button>
                <button id="saveFileButton" type="button" class="button saveFileButton" title="Save the current model with simulation information to your computer">Save scenario</button>
                <div class="currentFile"><span>You are editing: <strong class="currentFileName">N/A</strong></span></div>
                <button id="viewModelButton" type="button" class="button">View BPMN Diagram</button>
                <div class="layout-right">
                    <a class="toggle-all">Collapse all</a>
                </div>
                <form action="">
                    <h2 class="toggle-trigger"><a>Process simulation specification</a></h2>
                    <div class="toggle-div">
                        <div class="modelSimInfo">
                        <table class="form">
                            <tbody>
                                <tr id="arrivalRateDistribution">
                                    <th>Inter arrival time (between two instances):</th>
                                    <td>
                                        <div class="distribution-div">
                                            <select class="_type" name="_type">
                                                <option value="FIXED">Fixed</option>
                                                <option value="NORMAL">Normal</option>
                                                <option value="EXPONENTIAL">Exponential</option>
                                                <option value="UNIFORM">Uniform</option>
                                                <option value="TRIANGULAR">Triangular</option>
                                                <option value="LOGNORMAL">Log-Normal</option>
                                                <option value="GAMMA">Gamma</option>
                                                <option value="HISTOGRAM">Histogram</option>
                                            </select>
                                            <div> to: <input class="small FIXED _mean" name="_mean" type="text"></div>
                                            <div> Mean: <input class="small NORMAL _mean" name="_mean" type="text"></div>
                                            <div> Mean: <input class="small EXPONENTIAL _arg1" name="_arg1" type="text"></div>
                                            <div> Standard deviation: <input class="small NORMAL _arg1" name="_arg1" type="text"></div>
                                            <div> between <input class="small UNIFORM _arg1" name="_arg1" type="text"></div>
                                            <div> and <input class="small UNIFORM _arg2" name="_arg2" type="text"></div>
                                            <div> Mean: <input class="small LOGNORMAL GAMMA _mean" name="_mean" type="text"></div>
                                            <div> Variance: <input class="small LOGNORMAL GAMMA _arg1" name="_arg1" type="text"></div>
                                            <div> Minimum (a): <input class="small TRIANGULAR _arg1" name="_arg1" type="text"></div>
                                            <div> Maximum (b): <input class="small TRIANGULAR _arg2" name="_arg2" type="text"></div>
                                            <div> Mode (c): <input class="small TRIANGULAR _mean" name="_mean" type="text"></div>
                                            <div> <button type="button" class="button HISTOGRAM _histogramButton" title="Open histogram data table">Open histogram</button></div>
                                            <select class="timeUnit">
                                                <option value="seconds">Seconds</option>
                                                <option value="minutes">Minutes</option>
                                                <option value="hours">Hours</option>
                                                <option value="days">Days</option>
                                            </select>
                                            <div class="distribution-div-end"/></div>
                                            <img src="http://bimp.cs.ut.ee/components/com_qbp/css/images/questionmark.png" title="Inter arrival time specifies the interval between two new process instances."/>
                                        </div>                                        
                                        <div id="histogram-data-div" class="histogram-data-div" />
                                    </td>
                                </tr>
                                <tr>
                                    <th># of instances:</th>
                                    <td><input class="_processInstances medium" name="_processInstances"
                                        type="text" title="Specifies the number of how many process instances will be created during the simulation. Positive integer should be used.">
                                    </td>
                                </tr>
                                <tr>
                                    <th>Simulation start time:</th>
                                    <td>
                                        <input name="_startDateTime"
                                        class="normal datepicker _startDateTimeDate medium" type="text" title="YYYY-MM-DD">

                                        <input name="_startDateTime"
                                        class="normal timepicker _startDateTimeTime time" type="text" title="HH:MM:SS">
                                        <script>
                                            $(".datepicker").datepicker({
                                                dateFormat : 'yy-mm-dd'
                                            });
                                        </script>
                                        </td>
                                </tr>
                                <tr>
                                    <th>Currency:</th>
                                    <td>
                                        <select class="_currency">
                                            <option value="EUR">EUR</option>
                                            <option value="USD">USD</option>
                                            <option value="CAD">CAD</option>
                                            <option value="GBP">GBP</option>
                                            <option value="CHF">CHF</option>
                                            <option value="NZD">NZD</option>
                                            <option value="AUD">AUD</option>
                                            <option value="JPY">JPY</option>
                                        </select>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        </div>
                    </div>
                    <h2 class="toggle-trigger"><a>Resources</a></h2>
                    <div class="toggle-div">
                        <div class="resources">
                        <table>
                            <tbody>
                                <tr>
                                    <td><a class="trigger add" href="javascript:void(0)" title="Add new resource">Add</a></td>
                                    <th>Name</th>
                                    <th># of Resources</th>
                                    <th>Cost per Hour</th>
                                    <th>Timetable</th>
                  <td/>
                                <tr>
                                <tr class="resource">
                                    <td/>
                                    <td><input class="normal _name" name="_name" type="text" title="Name of the resource."></td>
                                    <td><input class="small text _totalAmount" name="_totalAmount" type="text" title="Amount of specific resource. Integer should be used."></td>
                                    <td><input class="small _costPerHour" name="_costPerHour" type="text" title="Cost per hour of resource. For decimal place, point should be used."><span class="currencyText">EUR</span></td>
                                    <td><select class="_small _timetableId" name="_timetableId"/><a class="trigger remove" href="javascript:void(0)" title="Remove resource">X</a></td>
                                    <td><a class="trigger remove" href="javascript:void(0)" title="Remove resource">X</a></td>
                                </tr>
                            </tbody>
                        </table>
                        </div>
                    </div>
                    <h2 class="toggle-trigger"><a>Timetable / Work schedule</a></h2>
                    <div class="toggle-div">
                        <div class="timetables">
                        <table>
                            <tbody>
                                <tr>
                                    <td><a class="trigger add" href="javascript:void(0)" title="Add new field">Add</a></td>
                                    <th>Name</th>
                                    <th>Begin day</th>
                                    <th>End day</th>
                                    <th>Begin time <img src="http://bimp.cs.ut.ee/components/com_qbp/css/images/questionmark.png" title="HH:MM:SS"/></th>
                                    <th>End time <img src="http://bimp.cs.ut.ee/components/com_qbp/css/images/questionmark.png" title="HH:MM:SS"/></th>
                                </tr>
                                <tr class="timetable">
                                        <td></td>
                                        <td><input class="normal name" name="name" type="text" title="Name of the timetable.">
                      <div class="defaultNameLabel">Default <img src="http://bimp.cs.ut.ee/components/com_qbp/css/images/questionmark.png" title="Default timetable cannot be deleted. Process instances are created according to the timetable and by default all resources are using the timetable."/></div>
                      <div class="default247Label">24/7 <img src="http://bimp.cs.ut.ee/components/com_qbp/css/images/questionmark.png" title="24/7 is a special timetable that makes associated resource always available."/></div>
                    </td>
                                        <td>
                                            <select class="startday" name="startday">
                                                <option value="MONDAY">Monday</option>
                                                <option value="TUESDAY">Tuesday</option>
                                                <option value="WEDNESDAY">Wednesday</option>
                                                <option value="THURSDAY">Thursday</option>
                                                <option value="FRIDAY">Friday</option>
                                                <option value="SATURDAY">Saturday</option>
                                                <option value="SUNDAY">Sunday</option>
                                            </select>
                                        </td>
                                        <td>
                                            <select class="endday" name="endday">
                                                <option value="MONDAY">Monday</option>
                                                <option value="TUESDAY">Tuesday</option>
                                                <option value="WEDNESDAY">Wednesday</option>
                                                <option value="THURSDAY">Thursday</option>
                                                <option value="FRIDAY" selected>Friday</option>
                                                <option value="SATURDAY">Saturday</option>
                                                <option value="SUNDAY">Sunday</option>
                                            </select>
                                        </td>
                                        <td>

                                            <input class="begintime timepicker time" name="begintime" value="09:00:00">
                                        </td>
                                        <td>

                                            <input class="endtime timepicker time" name="endtime" value="17:00:00">
                                        </td>
                    <td><a class="trigger remove" href="javascript:void(0)" title="Remove field">X</a></td>
                                </tr>
                                <tr>
                                </tr>
                            </tbody>
                        </table>
                        </div>
                    </div>
                    <h2 class="toggle-trigger"><a>Tasks</a></h2>
                    <div class="toggle-div">
                        <div class="tasks">
                            <div class="task">
                            <table>
                                <tbody>
                                    <tr class="first-row">
                                        <th class="first-column">Name:</th>
                                        <td><span class="__name model-data">N/A</span>
                                            <span class="subprocess-info hidden">
                                                <input type="checkbox" class="_simulateAsTask" value="true">Simulate as task, ignore child elements
                                                <img class="subprocess-info hidden" src="http://bimp.cs.ut.ee/components/com_qbp/css/images/questionmark.png" title="If checked for a sub-process which contains child elements, then only specified sub-process duration will be used."/>
                                            </span>
                                        </td>
                                    </tr>
                                    <tr class="hidden">
                                        <th>Task id:</th>
                                        <td><span class="_elementId">id</span></td>
                                    </tr>
                                    <tr>
                                        <th><div title="Resource of this specific task.">Resource:</div></th>
                                        <td><select class="resourceId" name="resourceId">
                                        </select>
                                        Fixed cost:
                                        <input class="_fixedCost small" name="_fixedCost" title="Fixed cost of task. For decimal place, point should be used."/><span class="currencyText">EUR</span>
                                        </td>
                                    </tr>
                                    <tr id="durationDistribution">
                                        <th>Duration:</th>
                                        <td>
                                            <div class="distribution-div">
                                                <select class="_type" name="_type" title="Type of distribution. Can be Fixed, Standard, Exponential or Uniform.">
                                                    <option value="FIXED">Fixed</option>
                                                    <option value="NORMAL">Normal</option>
                                                    <option value="EXPONENTIAL">Exponential</option>
                                                    <option value="UNIFORM">Uniform</option>
                                                    <option value="TRIANGULAR">Triangular</option>
                                                    <option value="LOGNORMAL">Log-Normal</option>
                                                    <option value="GAMMA">Gamma</option>
                                                    <option value="HISTOGRAM">Histogram</option>
                                                </select>
                                                <div> to: <input class="small FIXED _mean" name="_mean" type="text"></div>
                                                <div> Mean: <input class="small NORMAL _mean" name="_mean" type="text"></div>
                                                <div> Mean: <input class="small EXPONENTIAL _arg1" name="_arg1" type="text"></div>
                                                <div> Standard deviation: <input class="small NORMAL _arg1" name="_arg1" type="text"></div>
                                                <div> between <input class="small UNIFORM _arg1" name="_arg1" type="text"></div>
                                                <div> and <input class="small UNIFORM _arg2" name="_arg2" type="text"></div>
                                                <div> Mean: <input class="small LOGNORMAL GAMMA _mean" name="_mean" type="text"></div>
                                                <div> Variance: <input class="small LOGNORMAL GAMMA _arg1" name="_arg1" type="text"></div>
                                                <div> Minimum (a): <input class="small TRIANGULAR _arg1" name="_arg1" type="text"></div>
                                                <div> Maximum (b): <input class="small TRIANGULAR _arg2" name="_arg2" type="text"></div>
                                                <div> Mode (c): <input class="small TRIANGULAR _mean" name="_mean" type="text"></div>
                                                <div> <button type="button" class="button HISTOGRAM _histogramButton" title="Open histogram data table">Open histogram</button></div>
                                                <select class="timeUnit">
                                                    <option value="seconds">Seconds</option>
                                                    <option value="minutes">Minutes</option>
                                                    <option value="hours">Hours</option>
                                                    <option value="days">Days</option>
                                                </select>
                                                <div class="distribution-div-end"/></div>
                                            </div>
                                            <div id="histogram-data-div" class="histogram-data-div" />
                                        </td>
                                    </tr>
                                    <tr id="threshold">
                                        <th>Cost threshold:</th>
                                        <td>
                                            <div>
                                                <input class="_costThreshold small" name="_costThreshold" title="If set, then additional statistics will be generated for the tasks exceeding threshold value. Includes fixed cost. For decimal place, point should be used."/>
                                                <span class="currencyText">EUR</span>
                                            </div>
                                            <div>
                                                Duration threshold:
                                                <input class="_durationThreshold small" name="_durationThreshold" title="If set, then additional statistics will be generated for the tasks exceeding threshold value. For decimal place, point should be used."/>
                                            </div>
                                            <div>
                                                <select class="_durationThresholdTimeUnit">
                                                    <option value="seconds">Seconds</option>
                                                    <option value="minutes">Minutes</option>
                                                    <option value="hours">Hours</option>
                                                    <option value="days">Days</option>
                                                </select>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            </div>
                        </div>
                    </div>
                    <h2 class="toggle-trigger"><a>Gateways</a></h2>
                    <div class="toggle-div">
                        <div class="gateways">
                            <div class="gateway">
                            <table>
                                <tbody>
                                    <tr class="first-row">
                                        <td colspan="2"><span class="__type">Type</span><span class="__gatewayName model-data"></span></td>
                                    </tr>
                                    <tr>
                                        <td class="first-column"><span class="__targetName model-data" title="The next step after this gateway.">N/A</span></td>
                                        <td class="second-column"><div><input class="percent _executionProbability" name="_executionProbability" title="The probability of executing this step next. For decimal place, point should be used."/><label
                                            for="_executionProbability">%</label></div></td>
                                    </tr>
                                    <tr class="hidden">
                                        <th>Id:</th>
                                        <td><span class="_elementId">id</span></td>
                                    </tr>
                                    <tr class="hidden">
                                        <th>SourceRef</th>
                                        <td><span class="__sourceRef">SourceRef</span></td>
                                    </tr>
                                    <tr class="hidden">
                                        <th>TargetRef</th>
                                        <td><span class="__targetRef">TargetRef</span></td>
                                    </tr>
                                </tbody>
                            </table>
                            </div>
                        </div>
                    </div>
                    <h2 class="toggle-trigger intermediateCatchEvent"><a>Intermediate events</a></h2>
                    <div class="toggle-div intermediateCatchEvent">
                        <div class="catchEvents">
                            <div class="catchEvent">
                            <table>
                                <tbody>
                                    <tr class="first-row">
                                        <th>Name:</th>
                                        <td><span class="__name model-data">Event name</span>
                                        <td>
                                    </tr>
                                    <tr id="durationDistribution">
                                        <th>Duration:</th>
                                        <td>
                                            <div>
                                                <select class="_type" name="_type" title="Type of distribution. Can be Fixed, Standard, Exponential or Uniform.">
                                                    <option value="FIXED">Fixed</option>
                                                    <option value="NORMAL">Normal</option>
                                                    <option value="EXPONENTIAL">Exponential</option>
                                                    <option value="UNIFORM">Uniform</option>
                                                    <option value="TRIANGULAR">Triangular</option>
                                                    <option value="LOGNORMAL">Log-Normal</option>
                                                    <option value="GAMMA">Gamma</option>
                                                    <option value="HISTOGRAM">Histogram</option>
                                                </select>
                                                <div> to: <input class="small FIXED _mean" name="_mean" type="text"></div>
                                                <div> Mean: <input class="small NORMAL _mean" name="_mean" type="text"></div>
                                                <div> Mean: <input class="small EXPONENTIAL _arg1" name="_arg1" type="text"></div>
                                                <div> Standard deviation: <input class="small NORMAL _arg1" name="_arg1" type="text"></div>
                                                <div> between <input class="small UNIFORM _arg1" name="_arg1" type="text"></div>
                                                <div> and <input class="small UNIFORM _arg2" name="_arg2" type="text"></div>
                                                <div> Mean: <input class="small LOGNORMAL GAMMA _mean" name="_mean" type="text"></div>
                                                <div> Variance: <input class="small LOGNORMAL GAMMA _arg1" name="_arg1" type="text"></div>
                                                <div> Minimum (a): <input class="small TRIANGULAR _arg1" name="_arg1" type="text"></div>
                                                <div> Maximum (b): <input class="small TRIANGULAR _arg2" name="_arg2" type="text"></div>
                                                <div> Mode (c): <input class="small TRIANGULAR _mean" name="_mean" type="text"></div>
                                                <div> <button type="button" class="button HISTOGRAM _histogramButton" title="Open histogram data table">Open histogram</button></div>
                                                <select class="timeUnit">
                                                    <option value="seconds">Seconds</option>
                                                    <option value="minutes">Minutes</option>
                                                    <option value="hours">Hours</option>
                                                    <option value="days">Days</option>
                                                </select>
                                                <div class="distribution-div-end"/></div>
                                            </div>
                                            <div id="histogram-data-div" class="histogram-data-div" />
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            </div>
                        </div>
                    </div>

                </form>
            </div>
            <div id="sim-button-log-checkbox">
                <div id="logCheckBox">
          <input type="checkbox" id="mxmlLog" name="mxmlLog" value="mxmlLog" title="Generates simulation logs in MXML format. Simulation takes much more time if selected."/>
          Generate a MXML <img src="http://bimp.cs.ut.ee/components/com_qbp/css/images/questionmark.png" title="MXML is a format to store event logs using an XML-based syntax. The logs could be analyzed with other process mining tools."/> log
        </div>
                <div id="submit-button">
                    <button id="startSimulationButton" type="button" class="button">Start Simulation</button>
                </div>
            </div>
            <br>
            <div id="file-info"></div>

        </div>
        <div id="resultsPage" class="contents gill-font">
        <button id="viewModelHeatmapButton" type="button" class="button">BPMN Diagram with results heat map</button>
      <button id="downloadCsv" class="button" title="Download results in CSV file">Download CSV</button>
      <button id="downloadLog" class="button" title="Download g-zipped MXML log">Download MXML</button>
      <button id="saveFileButton2" type="button" class="button saveFileButton" title="Save the current model with simulation information to your computer">Save scenario</button>
      <button id="saveResultsButton" type="button" class="button saveResultsButton" title="Save the current simulation results with simulation information to your computer">Save all results</button>
      <button id="backToEditData" class="button" title="Go back and modify the simulation specific information">Back to edit data</button>
      <h2>Simulation Results</h2>
      <div class="results-general-block">
        <div class="results-box results-general">
          <h3>General information</h3>
          <table>
            <tr>
              <td><span class="col-title">Completed process instances </span> <span class="processInstances"/></td>
            </tr>
            <tr>
              <td><span class="col-title">Total cost </span> <span class="totalCost"/></td>
            </tr>
            <tr>
              <td><span class="col-title">Total simulation time </span> <span class="totalCycleTime"/></td>
            </tr>
          </table>
        </div>
        <div class="results-box">
            <h3>Charts</h3>
            <div class="charts">
              <div id="duration-chart-div" class="chart"></div>
              <div id="duration-in-timetable-chart-div" class="chart"></div>
              <div id="waiting-time-chart-div" class="chart"></div>
              <div id="cost-chart-div" class="chart"></div>
              <div id="resources-chart-div" class="chart"></div>
            </div>
        </div>
        <div id="results">
          <div class="results-box">
            <h3>Process instance cycle times including off-timetable hours</h3>
            <table>
              <tr>
                <td><span class="col-title">Minimum cycle time </span> <span class="minCycleTime"/></td>
                <td><span class="col-title">Maximum cycle time </span> <span class="maxCycleTime"/></td>
                <td><span class="col-title">Average cycle time </span> <span class="averageCycleTime"/></td>
              </tr>
            </table>
          </div>
          <div class="results-box">
            <h3>Process instance cycle times excluding off-timetable hours</h3>
            <table>
              <tr>
                <td><span class="col-title">Minimum cycle time </span> <span class="minDuration"/></td>
                <td><span class="col-title">Maximum cycle time </span> <span class="maxDuration"/></td>
                <td><span class="col-title">Average cycle time </span> <span class="averageDuration"/></td>
              </tr>
            </table>
          </div>
          <div class="results-box">
            <h3>Process instance costs</h3>
            <table>
              <tr>
                <td><span class="col-title">Minimum process cost </span> <span class="minCost"/></td>
                <td><span class="col-title">Maximum process cost </span> <span class="maxCost"/></td>
                <td><span class="col-title">Average cost </span> <span class="averageCost"/></td>
              </tr>
            </table>
          </div>
        </div>
      </div>
      <div id="result-table" class="results-box">
        <h3>Activity durations, costs, waiting times, deviations from thresholds</h3>
        <table class="task-kpi-table">
            <tr>
                <td colspan="2"></td>
                <td colspan="3" class="col-group-title"><span class="waitingTimeTitle col-title">Waiting time</span></td>
                <td colspan="3" class="col-group-title"><span class="durationTitle col-title">Duration</span></td>
                <td colspan="3" class="col-group-title"><span class="durationDeviationTitle col-title">Duration over threshold</span></td>
                <td colspan="3" class="col-group-title"><span class="costTitle col-title">Cost</span></td>
                <td colspan="3" class="col-group-title"><span class="costDeviationTitle col-title">Cost over threshold</span></td>
            </tr>
            <tr>
                <td><span class="col-title">Name</span></td>
                <td><span class="col-title">Count</span></td>
                <td><span class="waitingTimeTitle col-title">Min</span></td>
                <td><span class="waitingTimeTitle col-title">Avg</span></td>
                <td><span class="waitingTimeTitle col-title">Max</span></td>
                <td><span class="durationTitle col-title">Min</span></td>
                <td><span class="durationTitle col-title">Avg</span></td>
                <td><span class="durationTitle col-title">Max</span></td>
                <td><span class="durationDeviationTitle col-title">Min</span></td>
                <td><span class="durationDeviationTitle col-title">Avg</span></td>
                <td><span class="durationDeviationTitle col-title">Max</span></td>
                <td><span class="costTitle col-title">Min</span></td>
                <td><span class="costTitle col-title">Avg</span></td>
                <td><span class="costTitle col-title">Max</span></td>
                <td><span class="costDeviationTitle col-title">Min</span></td>
                <td><span class="costDeviationTitle col-title">Avg</span></td>
                <td><span class="costDeviationTitle col-title">Max</span></td>
            </tr>
            <tr class="taskData">
                <td class="_name"></td>
                <td class="count"></td>
                <td class="min-waitingTime"></td>
                <td class="average-waitingTime"></td>
                <td class="max-waitingTime"></td>
                <td class="min-duration"></td>
                <td class="average-duration"></td>
                <td class="max-duration"></td>
                <td class="min-durationOverThreshold"></td>
                <td class="average-durationOverThreshold"></td>
                <td class="max-durationOverThreshold"></td>
                <td class="min-cost"></td>
                <td class="average-cost"></td>
                <td class="max-cost"></td>
                <td class="min-costOverThreshold"></td>
                <td class="average-costOverThreshold"></td>
                <td class="max-costOverThreshold"></td>
            </tr>
        </table>
    </div>
</div>
</div>

				</div>
			
		</div>

	</div>
</div>




<div class="container-fluid">
	<div class="row-fluid">
			</div>
</div>


<div class="container-fluid">
	<div class="row-fluid">
		<div id="fav-backtotop-mobile" class="span12">
	        <a href="#bktop" title="BACK TO TOP">
	        	<img src="http://bimp.cs.ut.ee/templates/favourite/images/backtotop.png" style="border:0;" alt="TOP" />
	        </a>
	    </div>
	</div>
</div>


	<div class="container-fluid" id="fav-copyrightwrap">
		<div class="row-fluid">

			
			
				<div id="fav-copyright" class="clearfix">

											<div id="fav-showcopyright" 
							class="span6">
								<p>&#0169; 2017
									<a href="http://https://bimp.cs.ut.ee" target="_blank">
			     					BIMP									</a>

								</p>

						</div>
					
					
		            						<div id="fav-copyright2" 
							class="span6">

							<div class="moduletable" >

<div class="custom"  >
	<div id="fb-root"> </div>
<div class="fb-like" style="float: right;" data-href="http://www.facebook.com/pages/BIMP-Business-Process-Simulator/293028094050864" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"> </div></div>
</div>

						</div> 
									</div>
					</div>
	</div>



<div class="container-fluid">
	<div class="row-fluid">
			</div>
</div>

<!--[if lte IE 6]><script src="http://bimp.cs.ut.ee/templates/favourite/js/ie6/warning.js"></script><script>window.onload=function(){e("/templates/favourite/js/ie6/")}</script><![endif]-->
</body>
</html>
